<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>我的《千里江山图》</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    	<link rel="stylesheet" href="css/style.css" />
		<script type="text/javascript" src="js/resize_meta.js" ></script>
		<script type="text/javascript" src="js/resLoader.js" ></script>
		<script type="text/javascript" src="js/jquery-3.2.1.min.js" ></script>
	</head>
	<body>
		<div class="l-container">			
			<img src="img/m03.png" class="l-img" />			
			<div class="l-progress">20%</div>
		</div>
	</body>
	<script>
		var index = 0;
		var loader = new resLoader({
			baseUrl: "./img/",
			resources: [
				's2_bg.png',
				'indx_bg.png',
				'share_bg.jpg',
				'share_bg2.png',
				's2_bg2.png',
				'canvas_bg.png',
				'share_result.png',
				'm27.png',
				'm26.png',
				'm24.png',
				'm23.png',
				'm22.png',
				'm21.png',
				'm20.png',
				'm19.png',
				'm18.png',
				'm17.png',
				'm16.png',
				'm15.png',
				'm14.png',
				'm13.png',
				'm12.png',
				'm11.png',
				'm10.png',
				'm09.png',
				'm08.png',
				'm07.png',
				'm06.png',
				'm05.png',
				'm04.png',
				'm03.png',
				'm02.png',
				'm01.png',
				'house01.png',
				'house02.png',
				'house03.png',
				'house04.png',
				'house05.png',
				'house06.png',
				'house08.png',
				'house09.png',
				'house10.png',				
				'el_wcar2.png',
				'el_bridge1.png',
				'el_wcar.png',
				'el_bridge.png',				
				'el_boat.png',
				'el_banche.png',
				'el_barrel.png',
				'el_boat2.png',
				'el_boat3.png',
				'el_dao.png',
				'el_gz.png',
				'el_lz01.png',
				'el_lz02.png',
				'el_lz03.png',
				'el_lz04.png',
				'el_lz05.png',
				'el_wall.png',
				'el_water01.png',
				'el_water02.png',
				'el_water03.png',
				'tree11.png',
				'tree10.png',
				'tree09.png',
				'tree08.png',
				'tree07.png',
				'tree06.png',
				'tree05.png',
				'tree04.png',
				'tree03.png',
				'tree02.png',
				'tree01.png',
				'handle_icon1.png',
				'handle_icon2.png',
				'handle_icon3.png',
				'handle_icon4.png',
				'share_bg2.png',
				'result_bg.png',
				'btn.png',
				'btn_bg.png',
				'cursor.png',
				'e_btn2.png',
				'share_text.png',
				'rotate.png',
				'close.png',
				'scale.png',
				'arr_down.png',
				'arr_up.png',
				"sd_lock.png",
				"sd_unlock.png",
				"sd_zd.png",
				"sd_close.png"
			],
			onStart: function(total){
				
			},
			onProgress: function(current, total){				
				var percent = (current/total*100).toFixed(2);
				$(".l-progress").html(percent+"%");
			},
			onComplete: function(total){
				
				window.location.href = 'index.html';
			}
		});
		loader.start();
	</script>
</html>
